<template>
	<div class="box">
		<div class="span-box">
			<span style="font-size: 18px;">专题收藏夹</span>
			<span style="font-size: 12px; margin-top: 20px; color: gray;">0个专题</span>
		</div>
		<div class="img-box">
			<img style="width:300px" src="@/assets/data.png" alt="">
			<span>你暂时还没有收藏专题哦~</span>
		</div>
	</div>
</template>

<script>
export default {
	name: 'FrontendVue2Zhuanti',

	data() {
		return {
			
		};
	},

	mounted() {
		
	},

	methods: {
		
	},
};
</script>

<style lang="less" scoped>
.box{
	display: flex;
	flex-direction: column;
	.span-box{
		display: flex;
		flex-direction: column;
	}
	.img-box{
		width: 100%;
		height: 400px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}
</style>